<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script>
    /* 
      作用域 : 产生作用的区域。
         作用：变量命名冲突。
      js 的作用域：
        全局作用域：在整个 script 标签内部可用。   
        局部作用域：在函数内部。
      变量的作用域：
          全局变量：在全局作用域下，声明的变量。
          局部变量：在函数内部声明的变量，在函数内部可用。  
      局部作用域可以使用全局变量，函数外部不能使用函数内部声明的变量。
      形参只声明未赋值的局部变量。
      函数内部，未声明，直接赋值的变量，是全局变量，不推荐。
    */
    let car = "宝马";
    function play(ball) {
      // let ball;
      // ball = "篮球";
      phone = "小米";
      let money = 100;
      console.log(car);
      console.log(ball);
    }
    play("篮球");

    console.log(phone);

    // console.log(money);
    // console.log(ball);

  </script>

</head>

<body>

</body>

</html>